:root {
    --el-bg-color: var(--bg1);
    --el-component-size-large: 36px;
    --el-text-color-regular: var(--text-light);
    --el-border-color: var(--stroke);
    --el-overlay-color-lighter: rgba(33, 35, 36, 0.8);
    --el-disabled-bg-color: transparent;
    --el-disabled-border-color: #2c2c31;
    --el-disabled-text-color: #404040;
    --el-color-primary-light-3: var(--primary-color-light);
}

.el-main {
    padding: 0;
}

// 弹窗
.el-dialog {
    border-radius: var(--corner);

    .el-dialog__header {
        padding: 20px 0 24px 40px;
        margin-right: 24px;
    }

    .el-dialog__body {
        padding: 0 40px 32px;
        color: var(--body-text-color);
    }

    .el-dialog__footer {
        padding: 0 40px 24px;
    }
}

// 按钮
.el-button {
    font-weight: 400;
    height: 40px;
    width: 80px;
    border-radius: 8px;
    font-family: SysFontR;
    font-size: 14px;
    cursor: url("../images/cursor/pointer.ico"), auto;
    &.is-disabled,&.is-disabled:hover{
        color: #404040;
        border-color: #2C2C31;
        background-color: #2C2C31;
    }
}
.el-button--info{
    --el-button-text-color: var(--body-text-color);
    --el-button-bg-color: var(--cardBg);
    --el-button-border-color: var(--cardBg);
    &:hover,&:focus{
        color: var(--text-light);
        border-color: var(--bg-hover);
        background-color: var(--bg-hover);
    }
}

.el-button--large{
    height: 48px;
}
.el-button--small{
    height: 36px;
}
// 进度条
.el-progress {

    // 进度条背景色
    .el-progress-bar__outer {
        --el-border-color-lighter: #27282b;
        border-radius: 4px;
    }

    // 进度条内景色
    .el-progress-bar__inner {
        border-radius: 4px;
    }

    &.custom_progress {
        transform: rotate(180deg);

        // 进度条内景色
        .el-progress-bar__outer {
            overflow: visible;
            border-radius: 16px;
            background: linear-gradient(90deg,
                    #ff4d00 0%,
                    #867763 51.18%,
                    #867763 100.27%);
        }

        .el-progress-bar__inner {
            background: #282a2d;
            border-radius: 6px 0 0 6px;
        }

        .el-progress-bar__innerText {
            transform: rotate(180deg);
        }
    }

    .el-progress-bar__innerText {
        color: var(--text-light);
    }
}

/* 表单 */
// input
.el-input {
    --el-input-border-radius: 8px;
    --el-input-hover-border-color: rgba(242, 153, 74, 0.5);
    --el-input-placeholder-color: var(--stroke);
    .el-input__password,.el-input__clear{
        color: var(--body-text-color);
        &:hover{
            color: #D9D9D9;
        }
    }
    .el-select__caret {
        cursor: url("../images/cursor/pointer.ico"), auto !important;
    }

    &.is-disabled {
        cursor: url("../images/cursor/not-allowed.ico"), auto;

        .el-input__inner,
        .el-input__wrapper,
        .el-select__caret {
            cursor: url("../images/cursor/not-allowed.ico"), auto !important;
        }
    }

    .el-input__wrapper {
        background-color: transparent;
        box-sizing: border-box;
        border: 2px solid transparent;

        &.is-focus {
            border: 2px solid var(--primary-color-05);
        }
    }
}

.el-input__suffix {
    cursor: url("../images/cursor/pointer.ico"), auto;
}

.el-form-item__label {
    color: var(--body-text-color);
    margin-bottom: 6px !important;
}

.el-form-item--large {
    margin-bottom: 22px;
}

.el-form-item--default{
    margin-bottom: 44px;
    .el-input{
        font-size: 16px;
        .el-input__password,.el-input__clear{
            font-size: 20px;
        }
    }
    .el-input__inner{
        height: 48px;
    }
    .el-input__wrapper {
        border-radius: 12px;
        padding: 0 16px;
    }
}

// 下拉选择框
.el-select {
    --el-select-border-color-hover: var(--primary-color-05);

    .el-input__inner,
    .el-input__wrapper {
        cursor: url("../images/cursor/pointer.ico"), auto;
    }
}

.el-select-dropdown {
    border: 1px solid var(--line);
    border-radius: 8px;
}

.el-input__wrapper {
    padding-left: 13px;
    cursor: url("../images/cursor/text.ico"), auto;
}

.el-popper.is-light,
.el-popper.is-light .el-popper__arrow::before {
    background: var(--bg1);
    border: none;
    // box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.5),
    //     0px 4px 6px 0px rgba(0, 0, 0, 0.25);
    --el-popper-border-radius: 8px;
}

.el-popper {
    --el-text-color-regular: var(--body-text-color);
    // padding: 4px !important;
    box-sizing: border-box;

    .el-select-dropdown__item {
        cursor: url("../images/cursor/pointer.ico"), auto;
        margin: 0 4px;

        &.hover {
            background-color: transparent;
        }

        &:hover {
            color: var(--text-light);
            background-color: transparent;
        }

        &.selected {
            background-color: var(--bg-hover);
            color: #fff;
            border-radius: 6px;
        }
    }
}

.el-popover {
    --el-popover-padding: 4px;
}

.el-popover.el-popper {
    width: 100%;
    border: 1px solid var(--bg-hover);
    border-radius: 8px;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.50), 0px 4px 6px 0px rgba(0, 0, 0, 0.25);
}

//版本号提示
.el-popper.is-dark {
    padding: 12px 16px;
    border: 1px solid var(--line);
    background-color: #111315;
}

.el-popper.is-dark .el-popper__arrow::before {
    background-color: #111315;
}

// textarea
.el-textarea {
    --el-input-bg-color: transparent;
    --el-border-color-hover: var(--primary-color-05);
    --el-input-border-radius: 8px;
    &.is-disabled .el-textarea__inner{
        color: var(--stroke);
    }   
    .el-textarea__inner {
        border: 2px solid transparent;

        &:focus {
            border: 2px solid var(--primary-color-05);
        }
    }
}

// switch切换开关
.el-switch {
    --el-switch-off-color: var(--bg2);
    width: 48px;

    &.is-checked {
        .el-switch__action {
            left: calc(100% - 23px) !important;
            background-color: var(--text-light) !important;
        }
    }

    .el-switch__core {
        cursor: url("../images/cursor/pointer.ico"), auto;
        height: 26px;
        min-width: 48px;
        border-radius: 32px;

        .el-switch__action {
            height: 20px;
            width: 20px;
            background-color: var(--bg-hover);
        }
    }
}

// el-table 表格
.el-table {
    cursor: url("../images/cursor/pointer.ico"), auto;
    --el-table-header-bg-color: var(--cardBg2);
    --el-table-bg-color: var(--bg2);
    --el-table-tr-bg-color: var(--bg2);
    --el-table-border: 1px solid var(--line);
    --el-table-current-row-bg-color: var(--bg-hover);
    color: var(--body-text-color);

    .el-table__inner-wrapper::before {
        display: none;
    }

    .el-table__header {
        border-radius: 8px;
        overflow: hidden;
        height: 48px;
    }

    .el-table__row {
        height: 60px;
        --el-table-row-hover-bg-color: transparent;

        &.current-row {
            --el-table-row-hover-bg-color: var(--bg-hover);
            color: var(--text-light);
        }

        &:hover {
            color: var(--text-light);
        }
    }

    .cell {
        padding: 0;
        padding-right: 8px;
    }
}

// 多选框 el-checkbox
.el-checkbox {
    cursor: url("../images/cursor/pointer.ico"), auto;
    --el-checkbox-text-color: var(--body-text-color);
    --el-checkbox-input-height: 24px;
    --el-checkbox-input-width: 24px;
    --el-checkbox-border-radius: 6px;
    --el-checkbox-bg-color: transparent;
    height: 24px;

    &.number .el-checkbox__label {
        width: 32px;
    }

    &.mr16 {
        margin-right: 16px;
    }

    .el-checkbox__input {
        cursor: url("../images/cursor/pointer.ico"), auto;
        --el-checkbox-text-color: var(--body-text-color);
        --el-checkbox-input-height: 24px;
        --el-checkbox-input-width: 24px;
        --el-checkbox-border-radius: 6px;
        --el-checkbox-bg-color: transparent;
        --el-checkbox-checked-text-color: var(--body-text-color);
        height: 24px;

        &.number .el-checkbox__label {
            width: 32px;
        }

        &.mr16 {
            margin-right: 16px;
        }

        .el-checkbox__input {
            cursor: url("../images/cursor/pointer.ico"), auto;
        }

        .el-checkbox__inner::after {
            border-width: 2.5px;
            left: 7px;
            width: 5px;
            height: 12px;
            top: 2px;
        }
    }
}

// 数字输入框
.el-input-number {
    .el-input__inner {
        height: 38px;
        text-align: start;
        padding: 0 12px;
    }
}

// 数字输入框-small
.el-input--small {
    .el-input__inner {
        height: 22px;
    }
}

.el-input-number--small {
    width: auto;
}


.el-input-number.is-without-controls .el-input__wrapper {
    padding-left: 0;
    padding-right: 0;
}

.el-input--large {
    --el-input-height: 36px;
}

.el-input-number__decrease,
.el-input-number__increase {
    width: 40px;
    background: transparent;
    color: var(--body-text-color);
    cursor: url("../images/cursor/pointer.ico"), auto;
    height: calc(100% - 6px);
    top: 3px;
}


.el-message{
    padding: 0 24px;
    height: 50px;
    top: 20px !important;
    font-weight: 600;
    border-radius: 8px;
    box-shadow: 0px 0px 0.836px 0px rgba(9, 30, 66, 0.31), 0px 15.041px 23.397px 0px rgba(9, 30, 66, 0.15), 0px 4px 14px 0px rgba(0, 0, 0, 0.70);
    .el-message__icon{
        height: 24px;
        width: 24px;
        svg{
            height: 20px;
            width: 20px;
        }
    }
    .el-message__content{
        display: flex;
        align-items: center;
    }
}
.el-message--success{
    --el-message-bg-color: #EEFBF6;
    --el-message-border-color: var(--success);
    --el-message-text-color: var(--success);
    
}
.el-message--error{
    --el-message-bg-color: #FFF6F5;
    --el-message-border-color: color: var(--error);
    --el-message-text-color: color: var(--error);
}
.el-message--info{
    --el-message-bg-color: #FFF;
    --el-message-border-color: #E6E6E6;
    --el-message-text-color: var(--bg1);
}